<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<meter value="30" min="20" max="80" low="25" high="75"></meter>
<meter value="21" min="20" max="80" low="25" high="75"></meter>
<meter value="26" min="20" max="80" low="25" high="75"></meter>
<meter value="77" min="20" max="80" low="25" high="75"></meter>
<meter value="50" min="20" max="80" low="25" high="75" optimum="50"></meter>
 <article>    
          <p>睡觉觉第三方坚实的加咖啡健康第三方接口的国际法的撒的似懂非懂 水电费水电费</p>
          <p>龙<ruby>夔<rt>kui</rt></ruby>仙剑奇侠传</p>
          <p>阿萨德科技啊是看佛挡杀佛对方水电费<mark>好近段时间</mark>！！</p>
</article>
<details close>
    <summary>养好</summary>
    <p>1号</p>
    <p>2号</p>
    <p>3号</p>
    <p>4号</p>
    <p>5号</p>
</details>
<input type="text" placeholder="选项" list="start">
<datalist id="start">
    <option value="养浩">养浩</option>
    <option value="李白">李白</option>
    <option value="亚瑟">亚瑟</option>
    <option value="阿里">阿里</option>
</datalist>
<progress value="80" max="100"></progress>
<progress  max="100"></progress>
</body>
</html>